@import '../../config/base.scss';

.gift-select{
    @include fixed(bottom 0 left 0 right 0 top 0);
    z-index:1998;

    &-layout{
        @include fixed(bottom 0 left 0 right 0 top 0);
        background:rgba(0,0,0,0.3);
        z-index:1999;
    }

    &-box{
        @include absolute(bottom 0 left 0 right 0);
        height:3rem;
        overflow: scroll;
        background: #f8f8f8;
        z-index: 9999;

        &-item{
            position: relative;
            height: 60px;
            padding:0.05rem 0.15rem;
            border-bottom:1px solid #f0f0f0;

            img{
                float:left;
                display:block;
                margin-right:0.1rem;
                width:0.5rem;
                height:0.5rem;
            }

            .name{
                @extend %ellipsis;
                max-width:70%;
                font-size: 13px;
                line-height:50px;
                color:$base-dark;
            }

            i{
                position: absolute;
                top:22px;
                right: 0.15rem;
                color: $base-green;
            }
        }
    }
}
